<!--
 * @name PageTop
 * @description 底部栏
 * @author idouya
 * @email elegentfrog@163.com
 * @date 2025-05-09
 -->

<template>
  <div class="p-page-bottom">{{ title }}</div>
</template>

<script setup>
const props = defineProps({
  // props
  title: {
    type: String,
    default: 'Fencing',
  },
})
</script>

<style scoped lang="scss">
.p-page-bottom {
  background-color: #01a7f0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
}
</style>
